今天要來試著將開發環境準備好
要下載的有

• Node.js
• Vite

Vite 是一個 Javascript 建構工具

• 可當 server
• 只載入需要的檔案 -> 啟動快

還有很多優點，這邊就不再多贅述

首先要先來安裝 Node ，裡面的 npm 套件管理工具會一起下載好
Node.js 是讓 JavaScript 可以在瀏覽器外執行的環境，而 npm 則是管理專案的工具箱。

基本上也是持續 next ，好了就按 Finish

接下來就可以在 VScode 裡面測試

先新增一個資料夾，然後在終端機 (Terminal) 裡面打指令就可以看到目前安裝的版本

node -v
npm -v

接下來就正式開始囉

執行

npm init vite@latest 

要輸入 y 再按 enter

輸入專案名稱

framework 這邊選擇 Vue

接者選 Javascript

就可以在資料夾內看到 Vite 自動幫我們建立好的檔案

接下來 cd 到專案裡面，cd 是 change directory 的意思

cd 剛剛取的專案名

如果懶得打，可以跟我一樣按 Tab
這邊偷教一個指令，有興趣的人可以自己玩，看會發生什麼事

cd..

安裝 Node 相關套件

npm install

接下來就能試著開啟專案了!

npm run dev

Ctrl 按住再按藍色的 localhost 就能在瀏覽器畫面看到範例專案開起來了

按 Ctrl + C 就可以退出開發者伺服器

今天的進度就先到這邊，明天應該就會正式進入寫程式環節了

ref:
https://hackmd.io/@Jui-Cheng/SJCDBNZYj
https://www.youtube.com/watch?v=t7Px_M4SbRQ
https://www.youtube.com/watch?v=zwvUAh91itA
https://realnewbie.com/basic-concent/why-developers-are-switching-to-vite-the-ultimate-react-dev-tool/#ftoc-heading-3
https://www.explainthis.io/zh-hant/swe/what-is-vite